@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

body {
    font-size: 62.5%;
    font-family: Arial, sans-serif;
    color: #000;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table {
    border-collapse: collapse;
    border-width: 0;
    empty-cells: show
}

ul {
    padding: 0 0 1em em;
}

ol {
    padding: 0 0 1em 1.3em;
}

li {
    line-height: 1.2em;
    list-style: none;
}

p {
    padding: 0 0 1em 0;
}

h1,
h2 {
    font-size: 1.8em;
    font-weight: normal;
}

h3 {
    font-size: 1.1em;
}

h4,
h5,
table {
    font-size: 1em;
}

sup,
sub {
    vertical-align: super;
    font-size: smaller;
}

input,
select,
textarea,
option {
    font-family: inherit;
    font-size: inherit;
}

a,
a:link,
a:visited,
a:active {
    text-decoration: none;
    cursor: pointer;
    color: #06c;
}

a:hover {
    text-decoration: underline;
}

*:focus {
    outline: none;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

label {
    cursor: text;
}

textarea {
    overflow: auto;
    width: auto
}

hr {
    border: none;
    color: #ccc;
    background-color: #ccc;
    height: 1px
}

img {
    display: block;
    border: 0;
    margin: 0 auto
}

strong {
    font-weight: bold !important;
}

.clear {
    clear: both;
    margin: 0px;
}

.center {
    margin: 0 auto;
    text-align: center
}

.fleft {
    float: left
}

.fright {
    float: right
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
    opacity: 0.5;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 0.5;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 0.5;
}

.error::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #E2A3CA;
    opacity: 1;
}

.error:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #E2A3CA;
    opacity: 1;
}

.error::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #E2A3CA;
    opacity: 1;
}

.form-group {
    top: 0px !important;
}

a {
    text-decoration: none !important
}

ul {
    margin: 0 !important;
}

.errorBorder {
    color: #e2a3ca;
    border: solid 1px #e2a3ca !important
}

.siderror {
    font-size: 12px;
    padding-bottom: 5px;
    color: #ff0000;
    text-align: center !important;
}

.cstm_frmtitle {
    color: #000000;
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 0px;
}

.cstm_frmtitle2 {
    color: #000000;
    font-size: 1.8em;
    line-height: 1.5em;
    margin: 0px;
}

.cstm_frmanswer {
    text-align: center;
    color: #000000 !important;
    padding: 0;
}

.cstm_frmtitle3 {
    color: #91772d;
    font-size: 1.4em;
    line-height: 1.5em;
}

.cstm_tc {
    color: #000000;
    font-size: 1.1em;
    line-height: 1.5em;
    text-align: right;
}

.handle {
    height: 82%;
    position: absolute;
    width: 95%;
}

#formPreview ul {
    margin: 0 0 0px;
    padding: 0px;
}

#formPreview li {
    clear: both;
    list-style: none;
    position: relative;
    margin: 0 0 0px;
    padding: 0px;
}

#formPreview li div {
    margin: 0px 0px 2px;
    padding: 0;
    overflow: hidden;
}

#formPreview li div span {
    display: block;
    /*float:left;*/
    margin: 0;
    width: 100%;
}

#formPreview li span label {
    clear: both;
    color: #000000;
    display: block;
    text-align: left !important;
    padding-top: 5px;
}

#formPreview li.twoColumns div span {
    /* margin:0 5px 0 0;*/
    padding-left: 5px;
    width: 48%;
    float: left;
}

#formPreview li.threeColumns div span {
    /*margin:0 5px 0 0;*/
    padding-left: 5px;
    width: 30%;
    float: left;
}

#formPreview li.notStacked div span {
    /*margin:0 7px 0 0;*/
    padding-left: 5px;
    width: auto;
    float: left;
}

#formPreview li.complex div span.full {
    margin: 0;
}

#formPreview li.complex div span.left,
#formPreview li.complex div span.right {
    margin: 0;
    width: 48%;
}

#formPreview li.complex div span {
    margin: 0 0.3em 0 0;
    padding-bottom: 12px;
    width: auto;
}

#formPreview li.complex div span.full input,
#formPreview li.complex div span.full select,
#formPreview li.complex div span.left input,
#formPreview li.complex div span.right input,
#formPreview li.complex div span.left select,
#formPreview li.complex div span.right select {
    width: 100%;
}

#formPreview li .odatepicker {
    cursor: pointer !important;
    float: left;
    height: 16px;
    margin: 0.19em 5px 0 0;
    padding: 0;
    width: 16px;
}

#formPreview li.likert {
    clear: both !important;
    float: none !important;
    margin: 0;
    padding: 6px 1% 5px;
    width: auto !important;
}

#formPreview label.desc {
    overflow: hidden;
}

#formPreview .right {
    float: right;
}

label.cstm_frmchoice {
    color: #222222;
    display: block;
    font-size: 12px;
    line-height: 1.6;
    margin: -20px 0 0 20px;
    /*padding:0 0 5px;*/
    padding: 5px 10px 5px 0px;
    width: 92%;
    font-weight: 400;
}

label.desc {
    border: medium none;
    color: #000;
    display: block;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0px 0px;
    padding: 2px 0px;
    font-family: Arial, Helvetica, sans-serif;
}

span.req {
    color: red !important;
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

span.shortname {
    width: auto;
    color: #444444;
    float: left;
    /*margin:0 0.3em 0 0;*/
    padding: 0;
}

span.date {
    width: auto;
    color: #444444;
    float: left;
    /*margin:0 0.3em 0 0;*/
    padding: 0;
    text-align: left;
    padding-right: 3px;
}

span.time {
    width: auto;
    color: #444444;
    float: left;
    /*margin:0 0.3em 0 0;*/
    padding: 0;
    text-align: center;
    padding-right: 3px;
}

span.ampm {
    color: #444444;
    float: left;
    margin: 0 0.3em 0 0;
    padding: 0;
    padding-left: 7px;
    text-align: center;
}

span.symbol {
    font-size: 120%;
    line-height: 135%;
    float: left;
    padding-right: 4px;
}

input.small,
select.small {
    width: 25%;
}

input.medium,
select.medium {
    width: 99.5%;
}

input.large,
select.large,
textarea.textarea {
    width: 99%;
}

textarea.small {
    height: 5.5em;
}

textarea.medium {
    height: 10em;
}

textarea.large {
    height: 20em;
}

input.text,
input.search,
textarea.textarea,
select.select {
    width: 99%;
    margin: 0px;
    padding: 2px 10px;
    border: 1px solid #808080;
    text-align: center;
    border-radius: 0;
    -webkit-appearance: none;
    background: transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

input.text:focus,
input.search:focus,
textarea.textarea:focus {
    outline: 0;
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    color: #FFFFFF;
}

input.text,
input.search,
input.file,
textarea.textarea,
select.select {
    color: #fff;
    font-size: 12px;
    margin: 0;
    -webkit-appearance: none;
    border-radius: 0;
}

input.checkbox,
input.radio {
    display: block;
    height: 13px;
    margin: 5px 2px 0px 2px;
    padding: 0;
    width: 13px;
    border-radius: 0;
}

.full {
    width: 96% !important;
}

.half {
    width: 48% !important;
}

.left {
    float: left;
}

.likert table {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DEDEDE #DEDEDE;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin: 0 0 0.9em;
    /*width:100%;*/
}

.likert caption {
    color: #222222;
    font-size: 95%;
    line-height: 135%;
    padding: 5px 0 0.5em;
    text-align: left;
}

.likert thead td,
.likert thead th {
    background-color: #E6E6E6;
}

.likert thead td {
    font-size: 85%;
    padding: 10px 6px;
}

.likert tbody th {
    padding: 8px;
    text-align: left;
}

.likert th,
.likert td {
    border-bottom: 1px solid #DEDEDE;
}

.likert td {
    border-left: 1px solid #CCCCCC;
    padding: 4px 6px;
    text-align: center;
}

.likert tbody th label {
    font-size: 95%;
    font-weight: bold;
}

.likert tbody td label {
    color: #565656;
    display: block;
    font-size: 85%;
}

.likert tbody tr.alt td,
.likert tbody tr.alt th {
    background-color: #F5F5F5;
}

.likert tbody tr:hover td,
.likert tbody tr:hover th {
    background-color: #FFFFCF;
}

.likert input {
    margin: 2px 0;
    padding: 0;
}

.col1 td {
    width: 30%;
}

.col2 td {
    width: 25%;
}

.col3 td {
    width: 18%;
}

.col4 td {
    width: 14.5%;
}

.col5 td {
    width: 12%;
}

.col6 td,
.col7 td {
    width: 10%;
}

.col8 td,
.col9 td,
.col10 td {
    width: 6.5%;
}

.col11 {
    width: 6%;
}

.scfSubmitButtonBorder4 input {
    border: solid 1px #000000;
    background: #000000;
    padding: 4px 30px;
    color: #ffffff;
    font-size: 20px !important;
    margin: 2%;
    cursor: pointer;
    -webkit-appearance: none !important;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    border-radius: 0 !important;
}

.scfSubmitButtonBorder4 input:hover {
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    background: #ffffff;
    color: #000000;
    border: solid 1px #000000
}

.scfSubmitButtonBorder4 {
    clear: both;
    padding: 1% 0% 0%;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
}

.scfSubmitButtonBorder3 div {
    border: solid 1px #b7b7b7;
    background-color: #f7f7f7;
    padding: 10px 30px;
    color: #b7b7b7;
    font-size: 24px;
    margin: 2%;
    height: inherit;
    text-decoration: none !important;
    -webkit-appearance: none;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 1
}

.scfSubmitButtonBorder3 {
    clear: both;
    padding: 1% 0% 0%;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    ;
}

.scfSubmitButtonBorder2 button {
    background-color: #102246;
    padding: 10px 30px;
    color: #ffffff;
    font-size: 15px;
    margin: 2%;
    height: inherit;
    cursor: pointer;
    text-decoration: none !important;
    -webkit-appearance: none;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.scfSubmitButtonBorder2 button:not(.disabled):hover {
    -webkit-appearance: none;
    border-radius: 5px;
    background-color: #102246 !important
}

.scfSubmitButtonBorder2 {
    clear: both;
    padding: 1% 0% 0%;
    -webkit-appearance: none;
}

.scfSubmitButtonBorder input {
    background-color: #FFFFFF;
    padding: 4px 30px;
    color: #000000;
    font-size: 12px;
    margin: 2%;
    cursor: pointer;
    -webkit-appearance: none;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    border-radius: 0;
}

.scfSubmitButtonBorder input:hover {
    -webkit-appearance: none;
    border-radius: 0px;
    background: transparent;
    color: #fff;
    border: solid 1px #ffffff
}

.scfSubmitButtonBorder {
    clear: both;
    padding: 1% 0% 0%;
    -webkit-appearance: none;
    border-radius: 0;
}

.scfSectionContent .scfSubmitButtonBorder {
    position: static;
    width: auto;
    margin-left: 145px;
}

.scfRadioButtonListGeneralPanel .scfRadioButtonList {
    width: auto;
}

.scfRadioButtonListGeneralPanel .scfRadioButtonList label {
    margin: 0 15px 0 5px;
}

.scfCheckboxBorder {
    margin: 5px 0 15px 0;
}

.scfCheckbox input {
    margin: 0 5px 0 0;
}

.area {
    width: 24% !important;
    border: #808080 solid 0px !important;
    vertical-align: bottom;
    background-color: #fff !important;
    color: #444;
    opacity: 0.5;
    height: 25px
}

.end {
    border: #808080 solid 0px !important;
    vertical-align: bottom;
    background-color: #fff !important;
    color: #444;
    opacity: 0.5;
    height: 25px
}

.bd2 {
    width: 75% !important;
}

/* ==========================================================================
       @HEADER
       ========================================================================== */

.header-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 1.6%;
    z-index: 5;
}

.header-form2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 1.6%;
    z-index: 5;
}

.header-form h1 {
    margin: 0 0 0px;
    font-size: 24px;
    font-weight: 400;
}

.back {
    display: none;
    width: 10px;
    height: 18px;
    background: url(../img/chevron_left.png) no-repeat 0 center;
    margin-right: 0px;
}

.guideline {
    left: 0;
    width: 100%;
}

.guideline h2 {
    font-size: 13px;
    font-weight: 400;
}

.guideline2 h2 {
    font-size: 13px;
    font-weight: 400;
}

.notice-box {
    left: 0;
}

.guideline .asterisk,
.footer-form .asterisk {
    float: right;
    margin-top: 7px;
    margin-left: 20px;
}

.asterisk {
    font-size: 9px;
    font-weight: 400;
    color: #808080;
}

/*.asterisk:before {
        content: '*';
    }*/

.guideline .error-form {
    display: none;
}

.error-form {
    color: #e2a3ca;
    font-size: 11px;
    font-weight: 400;
}

/* ==========================================================================
       @FORM
       ========================================================================== */

.body-form {
    vertical-align: top;
    border-top: 100px solid transparent;
    border-bottom: 12px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie7 .body-form {
    height: 50%;
}

.no-boxsizing .body-form {
    /* BOX-SIZING POLYFILL */
    behavior: url(/global-service/frontend/assets/modules/corpo/css/boxsizing.htc);
}

.body-form .jscroll {
    position: relative;
    max-height: 100%;
}

.body-form p {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0px 1.6%;
}

.label-details {
    padding-left: 28px;
}

.empty-wrapper {
    width: 100%;
    height: 41px;
}

.input-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    padding: 8px 2%;
    width: 90%;
    text-align: center;
}

.lt-ie8 .input-wrapper {
    display: inline;
    zoom: 1;
}

.column {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.lt-ie8 .column {
    display: inline;
    zoom: 1;
}

.column-double {
    width: 95%;
}

.ie7 .column-double {
    width: 48%;
}

.ie7 #newsletter-form .column-double {
    float: left;
}

.column-unique {
    width: 100%;
}

.column-double .input-wrapper {
    width: 92%;
    padding: 8px 4%;
}

.column-unique .input-wrapper,
.input-large {
    width: 88%;
    padding: 8px 2%;
    margin-left: 0px;
    text-align: center
}

.textarea-style,
.input-style,
.select-style {
    text-align: center;
    border: 1px solid #cbcbcb;
    font-size: 12px;
    font-weight: 400;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie7 .textarea-style {
    width: 94%;
}

.input-style,
.select-style {
    height: 25px;
    line-height: 23px;
}

.input-style {
    padding: 0 px;
}

.textarea-style {
    height: 105px;
    padding: 5px;
    margin-top: 16px;
    resize: none;
}

.no-boxsizing .textarea-style,
.no-boxsizing .input-style,
.no-boxsizing .select-style {
    /* BOX-SIZING POLYFILL */
    behavior: url(/global-service/frontend/assets/modules/corpo/css/boxsizing.htc);
}

.required {
    background: url() no-repeat 0px center;
}

.textarea-style.placeholder,
.input-style.placeholder,
.select-style.placeholder {
    color: #ffffff !important;
}

.textarea-style.complete,
.input-style.complete,
.field.complete,
.select-style.complete {
    border-color: #fff;
    color: #FFFFFF;
}

.textarea-style.error,
.input-style.error,
.field.error,
.select-style.error {
    color: #e2a3ca !important;
    border: 1px solid #e2a3ca !important;
}

label.error,
label.error * {
    color: #e2a3ca !important;
}

.depend {
    display: none !important;
}

.fashion-div .depend-fsh,
.fb-div .depend-fb,
.wfj-div .depend-wfj {
    display: inline-block !important;
}

/* ==========================================================================
       @FOOTER
       ========================================================================== */

.footer-form {
    font-family: 'abchanel-couture', 'abchanelcouture-lightregular', Arial, Helvetica, sans-serif;
    position: relative;
    width: 96.8%;
    height: 40px;
    margin: 0 1.6%;
    z-index: 5;
    overflow: hidden;
    margin-top: 22px;
}

/*.check-box {
        width: 100%;
        padding: 20px 0;
    }*/

.submit-style {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 20px 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.37;
    color: #000;
    border: none;
    background: url(../images/chevron_right.png) no-repeat right center;
    text-transform: uppercase;
    text-decoration: none;
}

/* ==========================================================================
       @CHECKBOX
       ========================================================================== */

.checkbox-style {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    outline: none;
}

.checkbox-lefted {
    margin-right: 8px;
}

.checkbox-righted {
    margin-left: 8px;
}

.lt-ie8 .checkbox-style {
    /*position: static;*/
    clip: rect(0 0 0 0);
}

.checkbox-lefted+label:before,
.lt-ie8 .checkbox-lefted+label .before,
.checkbox-righted+label:after,
.lt-ie8 .checkbox-righted+label .after {
    content: '';
    display: inline-block;
    height: 17px;
    width: 17px;
    margin-right: 8px;
    background: url(images/checkbox.gif) no-repeat;
    vertical-align: text-bottom;
    cursor: pointer;
}

.lt-ie8 .checkbox-lefted+label .before,
.checkbox-lefted+label:before {
    margin-right: 8px;
    background-position: 0 0;
}

.lt-ie8 .checkbox-righted+label .after,
.checkbox-righted+label:after {
    margin-left: 8px;
    background-position: -34px 0;
}

/* -34px 0 pour version black */

.checkbox-lefted:checked+label:before {
    background-position: -17px 0;
}

.checkbox-righted:checked+label:after {
    background-position: -17px 0;
}

/* -51px 0 pour version black */

.ie8 .checkbox-lefted.checked+label:before {
    background-position: -17px 0;
}

.ie8 .checkbox-righted.checked+label:after {
    background-position: -17px 0;
}

/* -51px 0 pour version black */

.lt-ie8 .checkbox-lefted.checked+label .before {
    background-position: -17px 0;
}

.lt-ie8 .checkbox-righted.checked+label .after {
    background-position: -17px 0;
}

/* -51px 0 pour version black */

.checkbox-lefted:focus+label:before {
    outline: black dotted 1px;
}

.checkbox-righted:focus+label:after {
    outline: black dotted 1px;
}

.label-checkbox {
    text-transform: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.53;
    font-family: Arial, Helvetica, sans-serif;
}

.zh_CN .label-checkbox {
    font-family: Simhei, Arial, Helvetica, sans-serif;
}

.ja_JP .label-checkbox {
    font-family: 'MS PGothic', 'MS Gothic', Arial, Helvetica, sans-serif;
}

/* ==========================================================================
       @JSCROLL
       ========================================================================== */

.jscroll-scrollbar {
    position: absolute;
    background: none;
    display: none;
    cursor: pointer;
    z-index: 65;
}

.jscroll-scrollbar.vertical {
    width: 6px;
    height: 100%;
    top: 0;
    left: 100%;
    margin-left: -6px;
    margin-top: 0px;
}

.jscroll-handler {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
}

.jscroll-scrollbar.vertical .jscroll-handler {
    width: 6px;
    height: 50px;
}

/* ==========================================================================
       @SELECT
       ========================================================================== */

.bang-select-wrapper {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 25px;
    width: 99%;
    vertical-align: top;
    text-transform: uppercase;
}

.bang-select-wrapper select {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.bang-select-input {
    position: relative;
    top: 0;
    left: 0;
    background: url('https://web.mailer08.net/info/web/WTJoaGJtVnNaRzF6/1505/images/select-arrow_chanel.png') no-repeat right top;
    border: 1px solid #cbcbcb;
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 25px;
    line-height: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    zoom: 1;
    -webkit-backface-visibility: hidden;
    /* FIX BUG CHROME border invisble au resize */
    font-size: 12px;
    font-weight: 100;
    width: 100%;
    color: #fff;
}

.ie7 .bang-select-input {
    max-width: 100%;
}

.ie7 .input-style {
    max-width: 100%;
}

.no-boxsizing .bang-select-input {
    /* BOX-SIZING POLYFILL */
    behavior: url(/global-service/frontend/assets/modules/corpo/css/boxsizing.htc);
}

.bang-select-wrapper select:focus+.bang-select-input {
    outline: black dotted 1px;
}

.bang-select-input.focus,
.bang-select-input:hover {
    background-position: right center;
}

.bang-select-input.active {
    background-position: right bottom !important;
}

.bang-select-input.complete {
    border-color: #fff;
    color: #fff;
    opacity: 1;
}

.bang-select-input.error {
    color: #e2a3ca;
    border: 1px solid #e2a3ca !important;
    opacity: 1;
}

.bang-select-list {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    border: 1px solid #cbcbcb;
    background: #000;
    opacity: 1;
    text-align: left;
    outline: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    color: #808080;
    z-index: 10000;
    overflow-y: auto;
    overflow-x: hidden;
    /*max-height: 280px;*/
}

.bang-select-list.opened {
    visibility: visible;
}

.bang-select-list ul,
.bang-select-list li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.bang-select-list .bang-option {
    padding: 0 22px 0 3px;
    line-height: 23px;
    /*height: 23px;
        white-space: nowrap;*/
    cursor: default;
}

.bang-select-list .bang-option:hover {
    background: #f1f1f1;
    color: #000;
}

.bang-select-list .bang-option.active {
    background: #f1f1f1;
    color: #000;
}

.bang-select-list .bang-optgroup {
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    height: 23px;
    cursor: default;
}

.bang-select-list .bang-option-ingroup {
    padding-left: 20px;
}

select {
    height: 34px;
    line-height: 32px;
    border-radius: 0;
    text-align: center !important;
    -webkit-appearance: none;
}

select::-moz-focus-inner {
    /*Remove button padding in FF*/
    border: 0;
    padding: 0;
}

@-moz-document url-prefix() {
    /* targets Firefox only */
    select {
        padding: 6px 0 !important;
        height: 34px;
        text-align: center !important;
    }
}

@media screen\0 {
    /* IE Hacks: targets IE 8, 9 and 10 */
    select {
        height: 34px;
        text-align: center !important;
    }
}

@media (max-width: 540px) {
    .input-wrapper {
        padding: 2px !important;
    }
    .scfSubmitButtonBorder2 input {
        background-color: #102246;
        padding: 10px 30px;
        color: #ffffff;
        font-size: 12px !important;
        margin: 2%;
        height: inherit;
        cursor: pointer;
        text-decoration: none !important;
        -webkit-appearance: none;
        font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
}

@media (max-width: 320px) {
    .cstm_frmtitle3 {
        color: #91772d;
        font-size: 1.2em;
        line-height: 2.5em;
    }
}

body {
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    color: #ffffff;
    background-color: #FFF;
}

a {
    text-decoration: underline
}

button,
input,
select,
textarea {
    font-family: inherit;
}

.wrap {
    width: 520px;
    margin: 0px auto;
    background-color: #FFF;
}

.broad {
    background-color: #fff;
    border: solid 1px #dadada;
    opacity: 1;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    text-align: left;
    margin: 0% auto;
    z-index: 100;
}

.logo {
    position: relative;
    margin: 0% auto 3%;
    text-align: center
}

.foot {
    position: relative;
    margin: 2% auto;
    text-align: center;
}

img {
    display: block;
    border: 0;
    margin: 0 auto
}

strong {
    font-weight: bold
}

.tc_txt {
    color: #000000;
    font-size: 15px;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
}

.copy_txt {
    color: #000000;
    font-size: 12px;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
}

.thx_txt {
    color: #000000 !important;
    ;
    font-size: 15px;
    text-align: left;
    padding-top: 10%;
    line-height: 1.6em;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
}

.name_txt {
    color: #000;
    font-size: 15px;
    text-align: right;
    padding-bottom: 5%;
    line-height: 20px;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
}

.name_txt2 {
    color: #000;
    font-size: 15px;
    text-align: left;
    padding-bottom: 5%;
    line-height: 20px;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
}

.redeem_txt {
    color: #000;
    font-size: 11px;
    text-align: justify;
    padding: 5% 0% 0%;
    line-height: 1.6em;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
}

.confirm_txt {
    color: #000000;
    text-align: center;
    padding-top: 0;
    line-height: 1.6em;
    padding: 30px;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
}

.middlecontent {
    width: 100%;
}

.content1 {
    width: 100%;
    text-align: center;
}

.banner {
    margin: 0 auto;
    float: left;
}

.formmain {
    width: 450px;
    margin: 2% auto;
    text-align: left;
    margin-top: 5%;
}

.cstm_titledescript {
    color: #000;
    font-size: 15px !important;
    text-align: center;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    padding-bottom: 3%;
}

.cstm_titledescript2 {
    color: #000 !important;
    font-size: 14px !important;
    text-align: center;
    padding-bottom: 5%;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    line-height: 1.4em;
    padding: 0px 10px
}

.cstm_titledescript3 {
    font-size: 18px !important;
    text-align: left;
    padding-bottom: 5%;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    line-height: 1.4em
}

.cstm_titledescript4 {
    font-size: 20px !important;
    text-align: center;
    padding-bottom: 5%;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    line-height: 1.4em
}

.cstm_titledescript2 a {
    color: #000
}

.pname {
    color: #e2a3ca !important
}

@media (max-width: 540px) {
    .wrap {
        width: 90%;
        margin: 0px auto;
    }
    .formmain {
        width: 90% !important;
        margin: 25px auto
    }
    .broad {
        width: 98%;
    }
}

@media (max-width:375px) {
    .cstm_titledescript2 {
        font-size: 15px !important;
    }
    .scfSubmitButtonBorder2 input {
        font-size: 20px;
    }
    .scfSubmitButtonBorder3 input {
        font-size: 20px;
    }
}

@media (max-width:320px) {
    .wrap {
        width: 100%;
    }
    .tc_txt {
        font-size: 12px;
    }
    .cstm_titledescript2 {
        font-size: 15px !important;
        text-align: center;
        padding-bottom: 5%;
        line-height: 1.4em;
        padding: 10px 0px;
    }
    .redeem_txt {
        font-size: 12px;
        text-align: left;
        padding: 10% 0%;
        line-height: 1.6em;
        font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    }
    .scfSubmitButtonBorder2 input {
        font-size: 16px;
    }
    .scfSubmitButtonBorder3 input {
        font-size: 16px;
    }
}

.fancybox-inner input {
    border: 0;
    background: #000000;
    padding: 4px 60px;
    color: #fff;
    font-size: 12px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    margin: 2% !important;
    cursor: pointer;
    -webkit-appearance: none;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    width: 150px;
}

.fancybox-inner .txt4 {
    font-size: 2em;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
}

.broad {
    background: url("./sh20180423.jpg") no-repeat 0 0;
    background-size: 100%
}

.fancybox-inner {
    overflow: initial !important;
}

.addSelect {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7)
}

#itemOnPage1 {
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    background: #fff;
    padding: 20px;
    color: #fff;
    border-radius: 5px;
}

#Field1 {
    color: #fff;
    background: #000;
}

.store-name_wordalign {
    white-space: nowrap;
    padding-right: 5px;
    width: 95px;
    flex: 0 0 auto;
    word-break: break-all;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    margin-right: 6%;
}


/* 新增样式*/
.hide{
    display: none
}
.show{
    display: block
}
.scfSubmitButtonBorder2 button.disabled{
    background-color: #ddd;
    color: #707070;
}

.copy {
    position: relative;
    color: #000;
    text-align: center
}
.copy button {
    background-color: #102246;
    padding: 10px 30px;
    color: #ffffff;
    font-size: 15px;
    margin: 2%;
    height: inherit;
    cursor: pointer;
    text-decoration: none !important;
    -webkit-appearance: none;
    font-family: "Microsoft JhengHei", "ST Heiti", "MS Hei", Arial Unicode MS, Arial, sans-serif !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.copy input{
    height: 10px;
    width: 10px;
    border: none;
    outline: none;
    position: absolute;
    top: 20%;
    left: 40%;
    z-index: -1;
}
.el-message {
    min-width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ebeef5;
    position: fixed;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #edf2fc;
    -webkit-transition: opacity .3s,-webkit-transform .4s;
    transition: opacity .3s,-webkit-transform .4s;
    transition: opacity .3s,transform .4s;
    transition: opacity .3s,transform .4s,-webkit-transform .4s;
    padding: 15px 15px 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.el-card, .el-message {
    border-radius: 4px;
    overflow: hidden;
}
.el-message--info .el-message__content {
    color: #909399;
}
.el-message p {
    margin: 0;
}
.el-message__content {
    padding: 0;
    font-size: 14px;
    line-height: 1;
}
.el-message--error {
    background-color: #fef0f0;
    border-color: #fde2e2;
}
.el-message--error .el-message__content {
    color: #f56c6c;
}
.el-message--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}
.el-message--success .el-message__content {
    color: #67c23a;
}